<!DOCTYPE html>
<html lang="en">
	<head>
		<meta charset="UTF-8" />
		<meta http-equiv="X-UA-Compatible" content="IE=edge" />
		<meta
			name="viewport"
			content="width=device-width, user-scalable=no,
    initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0"
		/>
		<link rel="stylesheet" href="css/normalize.css" />
		<link rel="stylesheet" href="css/index.css" />
        <!-- 引入我们的flexible.js文件 -->
        <script src="js/lib-flexible/index.js"></script>
		<title>Document</title>
	</head>
	<body>
		<div class="search-content">
			<a href="#" class="classify"></a>
			<div class="search">
				<form action="">
					<input type="search" value="rem适配方案2">
				</form>
			</div>
			<a href="#" class="login">登陆</a>
		</div>

			<!--下面的部分就是和布局方案1一样的了，我直接复制了  -->
			<!-- banner部分 -->
			<div class="banner">
				<img src="upload/banner.png" alt="" />
			</div>
	
			<!-- 广告部分 -->
			<div class="ad">
				<a href="#"><img src="upload/ad1.png" alt="" /></a>
				<a href="#"><img src="upload/ad2.png" alt="" /></a>
				<a href="#"><img src="upload/ad3.png" alt="" /></a>
			</div>
	
			<!-- nav模块 -->
			<nav>
				<a href="#">
					<img src="upload/nav1.png" alt="" />
					<span>爆款手机</span>
				</a>
	
				<a href="#">
					<img src="upload/nav1.png" alt="" />
					<span>爆款手机</span>
				</a>
	
				<a href="#">
					<img src="upload/nav1.png" alt="" />
					<span>爆款手机</span>
				</a>
	
				<a href="#">
					<img src="upload/nav1.png" alt="" />
					<span>爆款手机</span>
				</a>
	
				<a href="#">
					<img src="upload/nav1.png" alt="" />
					<span>爆款手机</span>
				</a>
	
				<a href="#">
					<img src="upload/nav1.png" alt="" />
					<span>爆款手机</span>
				</a>
	
				<a href="#">
					<img src="upload/nav1.png" alt="" />
					<span>爆款手机</span>
				</a>
	
				<a href="#">
					<img src="upload/nav1.png" alt="" />
					<span>爆款手机</span>
				</a>
	
				<a href="#">
					<img src="upload/nav1.png" alt="" />
					<span>爆款手机</span>
				</a>
	
				<a href="#">
					<img src="upload/nav1.png" alt="" />
					<span>爆款手机</span>
				</a>
			</nav>
			<!-- 里面的每个小a都有一个相同的大小，是写好的 -->
	</body>
</html>
